<template>
  <view-box ref="viewBox" body-padding-top="46px" body-padding-bottom="0">
    <x-header slot="header"
              style="width:100%;position:absolute;left:0;top:0;z-index:100;"
              :title="title"
              :left-options="{backText: ''}">
    </x-header>
    <router-view></router-view>
  </view-box>
</template>

<script>
  import ViewBox from 'vux/src/components/view-box/index'
  import XHeader from 'vux/src/components/x-header/index'
  import { mapState } from 'vuex'

  export default {
    components: {
      ViewBox,
      XHeader
    },
    computed: {
      ...mapState({
        title: state => state.vux.isTitle
      })
    },
    data () {
      return {
      }
    },
    mounted () {
      this.$store.commit('updataTitleStatus', '预约挂号')
    }
  }
</script>


<style scoped>

</style>
